<template>
    <div class="container1 flex">
        <div class="menu_box">
            <leftMenu />
        </div>

        <!-- <Transition name="slide-up" mode="out-in"> -->
        <keep-alive>
                <router-view></router-view>
            </keep-alive>
            <!-- </Transition> -->
    </div>
</template>
<script>
import { httpService } from "@/utils/httpService";
import { ElMessage } from "element-plus";
import leftMenu from "../../components/newRepair/leftMenu.vue";

export default {
    name: "MedicalProductIndex",
    components: { ElMessage, leftMenu },
    data() {
        return {

        };
    },
    computed: {},
    mounted() {
    },
    methods: {

    },
};
</script>
<style scoped>
* {
    padding: 0;
    margin: 0;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu_box {
    /* width: 10vw; */
    /* min-width: 200px; */
    height: 100vh;
    margin-right: 20px;
}

.container1 {
    width: calc(100vw - 22vw);
    height: 100vh;
    padding: 0 11vw;
    background-color: #EFF3F5;
}



/* .slide-up-enter-active,
.slide-up-leave-active {
    transition: all 0.25s ease-out;
}

.slide-up-enter-from {
    opacity: 0;
    transform: translateY(30px);
}

.slide-up-leave-to {
    opacity: 0;
    transform: translateY(-30px);
} */
</style>